<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>网易考拉海购-搜索页</title>
	<link rel="stylesheet" type="text/css" href="../css/base.css">
	<link rel="stylesheet" type="text/css" href="../css/common.css">
	<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/css/swiper.css">
</head>
<body>
<div class="layout">   
<!-- 搜索栏 -->

    <section class="input-search">
     	<div class="top-icon">&lt;</div>
        <input class="search-input" type="text" placeholder="网易考拉购买">
        <a href="goods_list.html"><button class="btn">搜索</button></a>
    </section>
    <div class="search_hot">热门搜索</div>
	    <ul class="hot">
	    	<li class="one">时尚出街日</li>
	    	<li class="one">牛仔裤</li>
	    	<li>水杯</li>
	    	<li>袜子</li>
	    	<li>太阳镜</li>
	    	<li>防晒霜</li>
	    	<li>墨镜</li>
	    	<li>补水四件套</li>
	    	<li>毛衣</li>
	    	<li>口红</li>
	    	<li>法国巴黎时装秀</li>
	    	<li>阔腿裤</li>
	    	<li>小腿短</li>
	    </ul>

</div>
 <script type="text/javascript" src="http://code.jquery.com/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="../js/rem.js"></script>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/js/swiper.js"></script>
	<script type="text/javascript" src="../js/html/index.js"></script>
</body>
</html>